import React, {Component} from 'react'
import PubSub from 'pubsub-js'
import './index.scss'

export default class Header extends Component {

    handleKeyUp = (event) => {
        const {key, target} = event
        if (target.value.trim() === '') {
            alert('输入不能为空')
            return
        }
        const id = new Date().getTime()
        if (key !== 'Enter') return
        const todoObj = {id: id, name: target.value, done: false}
        PubSub.publish('addTodo', todoObj)
        target.value = ''
    }


    render() {
        return (
            <div className='todo-header'>
                <input onKeyUp={this.handleKeyUp} type="text" placeholder='请输入不得任务名称，按回车确认'/>
            </div>
        )
    }
}
